<!DOCTYPE html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script src="timefield.js"></script>
<script>

$(document).ready(function () {
	// create one field dynamically using timeFields method "create"
	// if timestamp is not set, current time is used
	$("#test").append($.timeField.create());
	// initialize the updater
	$.timeField.init({interval: 1}); // update on every second
});

</script>
</head>
<body>

<!-- inserted by the server -->
<div class="timefield t:1262296800000"></div>

<!-- insert new field here dynamically -->
<div id="test"></div>

</body>
</html> 